page{position: relative;background-color: #F7F7F7;}
.main-body-view{
	margin:0 0rpx;position: absolute;z-index: 99;background: #FFFFFF;border-radius:16rpx;left: 30rpx;right: 30rpx;
	.group{
		display: flex;flex-direction:row;justify-content:flex-start;align-items: center;padding: 30rpx;
		border-bottom:1rpx solid rgba(0,0,0,0.1);
		&.remove{
			border-bottom:none;padding-bottom:20rpx;
		}
		
		.title{
			font-size:28rpx;color: #888888;width: 140rpx;font-weight: bold;
		}
		.u-input{
			padding:0;padding-left:30rpx;font-size:28rpx;color: #888888;text-align: left;color: #000000;font-weight: bold;
			
		}
		
	}
	.u-checked{
		padding: 20rpx;
		display: flex;
		flex-wrap: wrap;
		font-size: 28rpx;
		.store_type{
			display: flex;
			padding: 20rpx;
			width: 50%;
			.checked-red{
				color: #FF7A36;
			}
			.iconfont{
				font-size: 32rpx;
				padding: 0 10rpx;
				
			}
		}
		
	}
	.apply-status-pic{
		display: flex;align-items: center;justify-content: center;
		image{
			width:250rpx;padding-top:60rpx;padding-bottom:50rpx;
		}
	}
	.apply-txt{
		text-align: center;font-weight: bold;font-size: 28rpx;color: #69A4FE;
	}
	.tui-box-upload{
		padding-bottom: 30rpx;padding-left: 30rpx;
		.img{
			display: flex;flex-direction: row;flex-wrap: wrap;width: 665rpx;
			image{
				width:160rpx;height:160rpx;margin-right:40rpx;
			}
		}
		}
}
.foot-btn{
	position: fixed;left: 30rpx;right: 30rpx;bottom: 30rpx;z-index: 99;
	display: flex;
	justify-content: space-between;
	.btn{
		width: 48%;
		background: #69A4FE;color: white;border-radius:50rpx;text-align: center;
		font-size:32rpx;padding-bottom:27rpx;padding-top:27rpx;
		
		
	}
}
.title1{
	padding: 20rpx;
}
.mast{
	color: red;
}

.check-content{
	background-color: #fff;
	width: 686rpx;
	border-radius: 16rpx;
	padding: 20rpx;
	// box-shadow: 10rpx 10rpx 10rpx 2rpx #ccc;
	.title{
		text-align: center;
		font-size: 32rpx;
		font-weight: bold;
		line-height: 50rpx;
		
	}
	.tips{
		text-align: center;
		padding: 20rpx;
	}
	.btn-check{
		display: flex;
		justify-content: space-between;
		
		.btn{
			width: 48%;
			box-shadow: 10rpx 10rpx 10rpx 2rpx #ccc;
			border-radius: 16rpx;
			background-color: #69A4FE;
			padding: 20rpx;
			color: #fff;
			text-align: center;
			
		}
	}
}

.main{
	position: relative;
	// top:65rpx;
}
.flex_column{
	margin-bottom: 60px;
}
	.status {
		width: 100%;
		height: 0;
		position: fixed;
		z-index: 10;
		background-color: #f06c7a;
		top: 0;
		/*  #ifdef  APP-PLUS  */
		height: var(--status-bar-height);//覆盖样式
		/*  #endif  */
		
	}
	
	.header{
		width: 92%;
		padding: 0 4%;
		height: 100upx;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		position: fixed;
		top: 0;
		z-index: 10;
		background-color: #f06c7a;
		/*  #ifdef  APP-PLUS  */
		top: var(--status-bar-height);
		/*  #endif  */
		.icon-btn{
			width: 120upx;
			height: 60upx;
			flex-shrink: 0;
			display: flex;
			.icon{
				color: #fff;
				width: 60upx;
				height: 60upx;
				display: flex;
				justify-content: flex-end;
				align-items: center;
				font-size: 42upx;
			}
		}
	}
	.place{
		background-color: #f06c7a;
		height: 100upx;
		/*  #ifdef  APP-PLUS  */
		margin-top: var(--status-bar-height);
		/*  #endif  */
	}
	.place-bottom{
		height: 200upx;
	}
	.user{
		// width: 92%;
		padding: 0 40rpx;
		// height: 140rpx;
		position:fixed;
		top:56px;
		z-index: 99;
		// top:0;
		// background-color: #7569fe;
		// padding-bottom:25px;
		// border-radius: 0 0 10% 10%;
		.hine-box{
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-top:20px;
		}
		.left,.right{
			display: flex;
			align-items: center;
		}
		.face{
			width: 100rpx;
			height: 100rpx;
			flex-shrink: 0;
			// margin-right: 20upx;
			border-radius: 100%;
			overflow: hidden;
			border: 2.38rpx solid #FFFFFF;
			margin-right: 30rpx;
			image{
				width: 100rpx;
				height: 100rpx;
			}
			
		}
		// 新
		.name-box{
			color: #FFFFFF;
			.name{
				display: flex;
				// padding-bottom: 20rpx;
				
				.text{
					font-size: 32rpx;
				}
				.img-box{
					width: 50rpx;
					max-height: 60rpx;
				}
				
			}
			.phone{
				font-size:24rpx;		
			}
		}
		.vip-to{
			color: #FFFFFF;
			display: flex;
			align-items: center;
			.text{
				padding-right: 30rpx;
				font-size: 24rpx;
			}
			.icon{
				font-size: 24rpx;
			}
		}
	
		
	}
	// 盒子公共组件
	.abox{
		margin: 30rpx 0rpx;position: relative;z-index:99;
		background-color: #ffffff;
		border-radius:16rpx;
	}
	// 集合盒子
	.twobtn-box{
		margin-top: 30rpx;
		width: 100%;
		// height: 60rpx;
		position: relative;
		display: flex;
		justify-content: center;
		height: 168rpx;
		.twobtn-boxin{
			// position:fixed;
			z-index: 9999;
			 
			// height: 144rpx;
			// top:340rpx;
			height: 168rpx;
			display: flex;
			justify-content: space-around;
			align-items: center;
			width: 670rpx;
			background-color: #FFFFFF;
			border-radius: 16rpx;
			// 新
			.mod{
				text-align: center;
				.img-box{
					width: 48rpx;
					height: 48rpx;
					margin: 0 auto;
					display: flex;
					justify-content: center;
					align-items: center;
					image{
						max-height: 48rpx;
					}
				}
				.num-box{
					height: 48rpx;
				}
				.text{
					margin-top: 10rpx;
					font-size: 24rpx;
				}
			}
		}
	}
	
	.btnkf{
		background-color: transparent;
		padding: 0;
	}
	.btnkf::after{
		border-style: none;
	}
	// 订单管理结束
	//积分广告跳转开始
	.sign-banner{
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: transparent;
		border-radius: 0;
		box-shadow: none;
		margin: 30rpx 0rpx;
		margin-bottom: 0;
		.img-box{
			width: 100%;border-radius:16rpx;
			
		}
	}
	//积分广告跳转结束
	// 我的推广
	.extension-box{
		// margin-top:-75rpx !important;
		.boxin{
			display: flex;
			padding-bottom: 35.15rpx;
			border-radius:16rpx;
			height: 150rpx;
			margin: auto;
			padding: 0 43rpx;
			.tui-list-cell{
				border-radius: 15rpx !important;
				padding: 0px 0px !important;
			}
			// 横向列表
			.row{
				width:50%;
				height:150rpx;
				display: flex;
				float: left;
				.box{
					width: 100%;
					height: 100%;
					display: flex;
					align-items: center;
					.img{
						display: flex;
						justify-content:center;
						align-items: center;
						width: 90rpx;
						height:90rpx;	
						image{		
							width: 100%;
							height:100%;
							background-color:#F7F7F7;
							border-radius:50%;
						}		
					}
					.info{
						display: flex;
						flex-direction: column;	
						line-height: 15px;
						padding-left: 20rpx;
						.title{
							padding: 5rpx 0;
							color:#000000;
							display: flex;
							justify-content:flex-start;
							font-size: 28rpx;
							font-weight: bold;
						}
						.desc{
							padding: 5rpx 0;
							display: flex;
							justify-content:flex-start;						
							font-size: 24rpx;
							color: #888888;
						}
					}
					
					
				}	
			}
		}
	
	}
	// 我的推广结束
// 菜单 开始
.mune-box{
	border-radius: 15rpx;
	height:900rpx;
	margin:8px 0;
	// margin-left: 34rpx;
	.tui-list-cell{
		padding-right: 0 !important;
		// border-radius: 15rpx !important;
		// padding: 3px 12px !important;
	}
	
	

	.tui-item-box {
				width: 100%;
				display: flex;
				align-items: center;
				.tui-msg-box{		
					width: 73%;
					overflow:hidden;
					align-items: center;
					// 按钮
					button{
						text-align: left;
						line-height:38rpx;
					}
					.title{
						width: 100%;
						display: flex;
						flex-direction: column;
						padding: 8rpx 0rpx;
						font-weight: bold;
						font-size:32rpx;		
					}
					.desc{
						padding: 5rpx 0;
						display: flex;
						justify-content:flex-start;						
						font-size: 24rpx;
						color: #888888;
					}
					
				}
				
				.tui-msg-right {
					width: 200rpx;
					display: flex;
					justify-content: flex-end;
					align-items: center;
					.left{	
						display: flex;
						align-items: center;
						padding-right:29rpx;
						font-size:28rpx;
						color:#FF7A36;
					}
					.right{
						display: flex;
						justify-content: flex-end;
						font-size: 13px;
						color: #888888;
					}
					
				}
	}
		
}
//菜单结束
	// 旧工具
	.tool-box{
		width: 100%;
		.row{
			width:90%;
			height: 90upx;
			margin: auto;
			border-bottom: 1px dashed #C8C8C8;
			display: flex;
			align-items: center; 
		}
		.left{
			width: 80%;
			display: flex;
			align-items: center; 
			.name{
				padding-left: 30upx;
				color:#928F8F;
				font-size: 30upx;
				font-weight:bold;
			}
			.iconfont{
				
			}
		}
		.right{	
			flex: 1;
			display: flex;
			justify-content:flex-end; 
			.iconfont{
				color:#ededed
			}
		}
		.active{
			margin-top: 50upx;
		}
	}
	// 旧工具结束
	// 推广名片弹框
	.tui-flex{
		margin:0upx 20upx;
	}
	.tui-center {
			display:flex;
			height: 250upx;
			margin-top:30upx;
			 border-radius: 24rpx;	
			  align-items: center; 
			  justify-content: center;
			  
		}
	.white{background:#fff;}	
	.mr {
			margin-right: 30upx
		}
	.iconfont{
				  // font-size: 71.42rpx;
				  // color: #4A5AA7;
			  }
	text{
		font-size: 25upx;
	}		  
	.hideCanvasView {
			position: relative;
		}
	
		.hideCanvas {
			position: fixed;
			top: -99999upx;
			left: -99999upx;
			z-index: -99999;
		}
	
		.flex_row_c_c {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
		}
	
		.modalView {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			opacity: 0;
			outline: 0;
			transform: scale(1.2);
			perspective: 2500upx;
			background: rgba(0, 0, 0, 0.6);
			transition: all .3s ease-in-out;
			pointer-events: none;
			backface-visibility: hidden;
			z-index:99999999;
		}
	
		.modalView.show {
			opacity: 1;
			transform: scale(1);
			pointer-events: auto;
		}
	
		.flex_column {
			display: flex;
			flex-direction: column;
		}
	
		.backgroundColor-white {
			background-color: white;
		}
	
		.border_radius_10px {
			border-radius: 10px;
		}
	
		.padding1vh {
			padding: 1vh;
		}
	
		.posterImage {
			width: 650upx;
		}
	
		.flex_row {
			display: flex;
			flex-direction: row;
		}
	
		.marginTop2vh {
			margin-top: 2vh;
		}
		
		@media screen and (max-height:740px) {
		   // .twobtn-box .twobtn-boxin{height: 130rpx;}
		   // .abox{margin:0 40rpx;}
		   .tui-line-left::after {
		   left: 0rpx !important;
		   }
		   .mune-box{height:500rpx;overflow-y: auto;}
		   .tui-list-cell{padding:6px 4px !important;}
		   .mune-box .tui-item-box .tui-msg-box .title{font-size: 28rpx;}
		   .abox{margin: 26rpx 0rpx;margin-bottom: 10rpx;}
		}
		
		@media screen and (max-height:640px) {
			.mune-box{height:500rpx;overflow-y: auto;}
		}